<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/all.min.css">
    <link rel="stylesheet" href="static/css/themify-icons.css">
    <link rel="stylesheet" href="static/css/style1.css">
    <link rel="stylesheet" href="static/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="static/css/owl.carousel.min.css">
    <link rel="stylesheet" href="static/css/nice-select.css">
    <link rel="stylesheet" href="static/css/nouislider.min.css">

    <link rel="stylesheet" href="static/css/style.css">

    <style>
        th {
            min-width: 100px;
            /* width: 300px; */
            
        }

        .checkbox {
            background: #fff;

        }

        #text {
            display: none;
        }
        .h1c{
            
            text-shadow: 3px 3px 2px red
        }
        .h1c h4{
            color: #f1f6f7;
        }
    </style>
</head>

<body>
    <!--================ 购物车头部 =================-->
    <header class="header_area">
        <div class="main_menu">
            <nav class="navbar navbar-expand-lg navbar-light">
                <div class="container " style="height: 90px;">
                    <a class="navbar-brand logo_h" href=""><img src="static/picture/logo.png" alt=""></a>
                    <h3>商品已帮您打包好了，尽快下单...</h3>
                </div>
            </nav>
        </div>
    </header>
    <section class="blog-banner-area" id="category">
        <div class="container h-100">
            <div class="blog-banner">
                <div class="text-center">
                    <h1>购物车</h1>
                    <nav aria-label="breadcrumb" class="banner-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">首页</a></li>
                            <li class="breadcrumb-item active" aria-current="page">购物车</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </section>

    <!--================Cart Area =================-->
    <section class="cart_area">
        <div class="container">
            <div class="cart_inner">
                <div class="table-responsive">
                    <table class="table">
                        <thead id="hang" style="width: 200px;">
                            <tr>
                                <th class="quan"></th>
                                <th>产品</th>
                                <th>单价</th>
                                <th>数量</th>
                                <th>总价</th>
                            </tr>
                        </thead>
                        <tbody class="zhu">
                            <!-- 列表区 -->
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>
    <div class="div"></div>


    <!--================ Start footer Area  =================-->
    <footer class="footer">
        <div class="footer-area">
            <div class="container">
                <div class="row section_gap">
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="single-footer-widget tp_widgets">
                            <h4 class="footer_title large_title">我们的任务</h4>
                            <p>
                                新年已来到，向你问个好。开心无烦恼，好运跟着跑。家人共团聚，天伦乐逍遥。朋友相扶持，心情不寂寥。
                            </p>
                            <p>
                                事业风水顺，金银撑荷包。祝生活开心步步高！
                            </p>
                        </div>
                    </div>
                    <div class="offset-lg-1 col-lg-2 col-md-6 col-sm-6">
                        <div class="single-footer-widget tp_widgets">
                            <h4 class="footer_title">快速链接 </h4>
                            <ul class="list">
                                <li><a href="#">家</a></li>
                                <li><a href="#">店铺</a></li>
                                <li><a href="#">博客</a></li>
                                <li><a href="#">产品</a></li>
                                <li><a href="#">品牌</a></li>
                                <li><a href="#">联系我们</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-6 col-sm-6">
                        <div class="single-footer-widget instafeed">
                            <h4 class="footer_title">风格</h4>
                            <ul class="list instafeed d-flex flex-wrap">
                                <li><img src="static/picture/r1.jpg" alt=""></li>
                                <li><img src="static/picture/r2.jpg" alt=""></li>
                                <li><img src="static/picture/r3.jpg" alt=""></li>
                                <li><img src="static/picture/r5.jpg" alt=""></li>
                                <li><img src="static/picture/r7.jpg" alt=""></li>
                                <li><img src="static/picture/r8.jpg" alt=""></li>
                            </ul>
                        </div>
                    </div>
                    <div class="offset-lg-1 col-lg-3 col-md-6 col-sm-6">
                        <div class="single-footer-widget tp_widgets">
                            <h4 class="footer_title">联系我们</h4>
                            <div class="ml-40">
                                <p class="sm-head">
                                    <span class="fa fa-location-arrow"></span>
                                    总公司
                                </p>
                                <p>北京市新晨股份有限公司</p>

                                <p class="sm-head">
                                    <span class="fa fa-phone"></span>
                                    联系电话
                                </p>
                                <p>
                                    +123 456 7890 <br>
                                    +123 456 7890
                                </p>

                                <p class="sm-head">
                                    <span class="fa fa-envelope"></span>
                                    电子邮件
                                </p>
                                <p>
                                    free@infoexample.com <br>
                                    www.infoexample.com
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer-bottom">
            <div class="container">
                <div class="row d-flex">
                    <p class="col-lg-12 footer-text text-center">
                        增值电信业务经营许可证;XXXX 市场名称登记证;XXXXX 出版物网络交易平台服务经营备案证;****************
                </div>
            </div>
        </div>
    </footer>
    <!--================ End footer Area  =================-->

    <script src="./tools/jquery.min.js"></script>
    <script src="./js/cart.js"></script>
    <script >
        odiv=document.querySelector('.div')
         var a = odiv.innerText
        // console.log(a);
    </script>

</body>

</html>